html
{
    height: 100%;
}
body{
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
}

table.mainTable{
	width:100%;
	height:100%;
	border:solid 0px #CC3299;
}
table.mainTable tr td{
	vertical-align:top;
	padding:2px;
}

table.mainTable tr td.listCol{
	width:350px;
}

table.mainTable tr td.dataCol{
	width: -moz-calc(100% - 350px);
	width: -webkit-calc(100% - 350px);
	width: calc(100% - 350px);
}

table.dataList{
	width:100%;
	border-collapse: collapse;
	border:solid 0px;
	padding:2px;
}

table.dataList tr th{
	background-color:#000000;
	color:rgb(187,187,187);
	border-bottom:solid 1px white;
}

table.dataList tr td{
	color:rgb(89,89,89);
}

table.dataList tr.oddRow{
	background-color:rgb(201,201,201);
}

table.dataList tr.evenRow{
	background-color:rgb(229,229,229);
}

div.mapDiv{
	width:100%;
	height:350px;
	border:solid 0px;
}

div.titleArea{
	width:100%;
	height:25px;
	color:rgb(91,91,91);
	font-size: 1.3em;
	border:solid 3px rgb(230,230,230);
	text-align:left;
	vertical-align:middle;
	background: -webkit-linear-gradient(rgb(251,251,251), rgb(240,240,240)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgb(251,251,251), rgb(240,240,240)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(251,251,251), rgb(240,240,240)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(251,251,251), rgb(240,240,240)); /* Standard syntax */
}

div.dataArea{
	width:100%;
	height:calc(100% - 40px);
	border:solid 3px rgb(230,230,230);
	overflow: auto;
}

div.detailDiv{
	width:100%;
	height:calc(100% - 350px);
	border:solid 0px;
}

div.mapArea{
	width:100%;
	height:calc(100% - 150px);
}

div.messageArea{
	width:100%;
	height:150px;
}

div.messageDisplay{
	width:100%;
	height:calc(100% - 25px);
	overflow:auto;
}

div.messageInput{
	width:100%;
	height:25px;
}

input.msgInput{
	width:100%;
	height:100%;
}